@charset "utf-8";
/* CSS Document */

/*banner*/
.banner {
	overflow: hidden;
	width: 100%;
	height: 578px;
	background: url(../images/banner.jpg) no-repeat center top;
	position: relative
}
.banner .btn {
	overflow: hidden;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 40px;
}
.banner .btn span {
	cursor: pointer;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../images/banner_btn.png) no-repeat right center;
	margin: 0 4px;
}
.banner .btn span.cur {
	background-position: left;
}
/*<--!广告轮播样式效果一-->*/
#flashs {
	position: relative;
	/*height: 578px;*/
	overflow: hidden;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
}
.code{width:240px!important;}
#flashs .btn {
	position: absolute;
	z-index: 7;
	bottom: 38px;
	left: 50%;
	margin-left: -64px;
	padding: 0px 6px;
}
#flashs .btn span {
	cursor: pointer;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../images/banner_btn.png) no-repeat right center;
	margin: 0 4px;
	text-indent: -99999em;
}
#flashs .btn span.cur {
	background-position: left;
}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1 {
	display: none;
	z-index: 1001;
	width: 398px;
	border: 1px solid #ccc;
	background: #fff;
	padding-bottom: 20px;
}
#mesbook1_c div, #mesbook1 div {
	border: 1px solid #E4E3E3;
	background: #EBECEB;
	height: 18px;
	padding: 4px .5em 0;
	margin-bottom: 10px;
}
#mesbook1_c dl.b1, #mesbook1 dl.b1 {
	width: 370px;
	margin: 0 auto;
}
.msg-box{width: 0!important;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {
	float: left;
	width: 105px;
	overflow: hidden;
}
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {
	width: 265px;
	float: right;
}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {
	padding-bottom: 10px;
}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {
	margin-right: 20px;
}
/*search*/
.search {
	overflow: hidden;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #e4e4e4;
	height: 38px;
}
.search p {
	font-size: 14px;
	color: #cc000c;
	float: left;
	line-height: 38px;
}
.search p a {
	color: #6e6e6e;
	font-size: 13px;
	margin-right: 8px;
}
.search .sbox {
	overflow: hidden;
	width: 380px;
	height: 36px;
	padding: 1px;
	float: right;
	background-color: #004b85;
}
.search input {
	display: block;
	width: 305px;
	height: 36px;
	border: none;
	outline: none;
	line-height: 36px;
	font-size: 13px;
	color: #6e6e6e;
	padding: 0 15px;
	float: left
}
.search span {
	display: block;
	width: 45px;
	height: 36px;
	background: url(../images/search.png) no-repeat center;
	float: right;
	cursor: pointer
}
/*title*/
.title {
	overflow: hidden;
	width: 100%;
	margin-bottom: 35px;
}
.title p {
	text-align: center;
	font-size: 47px;
	color: #e3e3e3;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold
}
.title h3 {
	text-align: center;
	font-size: 25px;
	color: #000;
	padding-bottom: 15px;
	background: url(../images/title_bg.png) no-repeat center bottom;
	font-weight: normal
}
.title h3 a {
	color: #000;
}
/*pro*/
.pro {
	overflow: hidden;
	width: 100%;
	background: url(../images/pro_bg.jpg) no-repeat center top;
	padding-top: 70px;
	margin-bottom: 60px;
}
.pro .menu {
	overflow: hidden;
	padding-bottom: 8px;
	margin-bottom: 30px;
	width: 1000px;
	margin: 0 auto;text-align:center
}
.pro .menu li {
	margin: 0 20px;
	width: 152px;
	height: 45px;
	border: 1px solid #000;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	position: relative;
	float: none;
    margin-right: 12px;
    display: inline-block;

}
.pro .menu li a {
	display: block;
	text-decoration: none;
	color: #000;
}
.pro .menu li img {
	display: none;
	position: absolute;
	bottom: -8px;
	left: 67px;
}
.pro .menu li.cur, .pro .menu li:hover {
	border-color: #004b85;
	background-color: #004b85;
}
.pro .menu li.cur a, .pro .menu li:hover a {
	color: #fff;
}
.pro .menu li.cur img, .pro .menu li:hover img {
	display: block
}
.pro .pbox {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 580px;
	position: relative
}
.pro .plist {
	overflow: hidden;
	width: 1000px;
	height: 580px;
	position: absolute;
	left: 0;
	top: 0
}
.pro .plist .lefttu {
	display: block;
	float: left
}
.pro .plist ul {
	overflow: hidden;
	float: right;
	width: 484px;
	height: 578px;
	/*border: 1px solid #ddd;*/
}
.pro .plist ul li {
	float: left;
	width: 247px;
	height: 282px;
        margin-bottom: 10px;
	position: relative
}
.pro .plist li img {
	display: block;
	margin-bottom: 20px;width:100%
}
.pro .plist li span {
	display: block;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 14px;
	color: #000;
}
.pro .plist li.libor {
	border: 1px solid #ddd;
	width: 48%;
        margin-right:2%;
}
.pro .plist li.libor:nth-child(2n){margin-right:0}
.pro .plist li.libtm {
	border-bottom: 1px solid #ddd;
}
.pro .plist li a {
	display: none;
	width: 247px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/pro_more.png) no-repeat 105px center;
	background-color: #fd581f;
	opacity: 0.85;
	filter: alpha(opacity=85);
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding-top: 190px;
	height: 100px;
}
.pro .plist li:hover a {
	display: block
}
/*区别*/
.qubie {
	overflow: hidden;
	width: 100%;
	height: 640px;
	padding-top: 50px;
	background: url(../images/qubie_bg.jpg) no-repeat center top;
}
.qubie .qbbox {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 408px;
	padding: 9px 0;
	position: relative
}
.qubie .qbbox img {
	display: block;
	margin: 0 auto;
	width: 0;
	height: 0;
	position: relative;
	top: 50%
}
.qubie .wen {
	overflow: hidden;
	position: absolute;
	display: none;
}
.qubie .wen01 {
	left: 0;
	top: 0;
	width: 211px;
	height: 95px;
	background: url(../images/qubie01.png) no-repeat center right;
	padding-left: 150px;
	color: #fff;
	padding-top: 55px;
}
.qubie .wen02 {
	right: 0;
	top: 0;
	width: 249px;
	height: 86px;
	background: url(../images/qubie02.png) no-repeat left center;
	padding-left: 90px;
	padding-top: 70px;
	color: #333
}
.qubie .wen03 {
	left: 0;
	bottom: 0;
	width: 188px;
	height: 100px;
	background: url(../images/qubie03.png) no-repeat right center;
	padding-left: 150px;
	padding-top: 55px;
	color: #333
}
.qubie .wen04 {
	right: 0;
	bottom: 0;
	width: 271px;
	height: 95px;
	background: url(../images/qubie04.png) no-repeat left center;
	padding-left: 90px;
	color: #fff;
	padding-top: 55px;
}
.qubie h4 {
	font-weight: normal;
	font-size: 22px;
}
.qubie .wen p {
	font-size: 12px;
	font-family: Arial;
}
.qubie .wen03 p, .qubie .wen02 p {
	color: #6a6a6a
}
.m-qb {
	overflow: hidden;
	width: 100%;
	height: 700px;
	background: url(../images/qubie_bg.jpg) no-repeat center top;
	overflow: hidden;
}
.m-qb .content {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 240px;
}
.m-qb .qb-ul {
	position: relative;
	height: 390px;
}
.m-qb .qb-ul li {
	position: absolute;
}
.m-qb .qb-ul .li1 {
	left: 18px;
	top: 0px;
}
.m-qb .qb-ul .li2 {
	left: 660px;
	top: 0px;
}
.m-qb .qb-ul .li3 {
	left: 18px;
	top: 225px;
}
.m-qb .qb-ul .li4 {
	left: 660px;
	top: 225px;
}
.m-qb .qb-ul li p {
	color: #757678;
	font-size: 14px;
	display: block;
	line-height: 25px;
	background: url(../images/dian.png) no-repeat left 6.5px;
	padding-left: 18px;
}
.m-qb b {
	display: block;
	width: 168px;
	height: 42px;
	overflow: hidden;
	margin: 0 auto;
}
.m-qb b a {
	display: block;
	width: 168px;
	height: 42px;
	overflow: hidden;
}
/*技术支持*/
.zhichi {
	overflow: hidden;
	width: 100%;
	height: 703px;
	background: url(../images/zhichi_bg.jpg) no-repeat center top;
	padding-top: 70px;
}
.zhichi .title p {
	color: #43454c;
}
.zhichi .title h3 {
	color: #fff;
	background: url(../images/zhichi_title.png) no-repeat center bottom;
}
.zhichi .menu {
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 30px;
}
.zhichi .menu li {
	display: inline-block;
	margin: 0 6px;
	width: 152px;
	height: 45px;
	border: 1px solid #64666b;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	position: relative;
	color: #b8bac3;
	cursor: pointer;
}
.zhichi .menu li {
*display:inline
}
.zhichi .menu li img {
	display: none;
	position: absolute;
	bottom: -8px;
	left: 67px;
}
.zhichi .menu li.cur, .pro .menu li:hover {
	border-color: #004b85;
	background-color: #004b85;
	color: #fff;
}
.zhichi .menu li.cur img, .pro .menu li:hover img {
	display: block
}
.zhichi .zcbox {
	overflow: hidden;
	width: 1000px;
	padding: 0 20px;
	padding-bottom: 40px;
	background: url(../images/zhichi_yy.png) no-repeat center bottom;
	margin: 0 auto;
	height: 396px;
	position: relative
}
.zhichi .zcbox ul {
	overflow: hidden;
	width: 6240px;
	position: absolute;
	left: 0;
	top: 0
}
.zhichi .zcbox li {
	overflow: hidden;
	width: 1000px;
	background-color: #fff;
	height: 396px;
	margin: 0 20px;
	position: relative;
	float: left;
}
.zhichi .zcbox li img {
	display: block;
	float: right
}
.zhichi .zcbox li .wen {
	overflow: hidden;
	width: 405px;
	height: 100%;
	float: left;
	margin-left: 30px;
	margin-top: 25px;
	position: relative
}
.zhichi .zcbox .btn {
	overflow: hidden;
	position: absolute;
	width: 134px;
	height: 38px;
	text-align: center;
	line-height: 32px;
	left: 50%;
	margin-left: -107px;
	top: 202px;
	z-index: 2
}
.zhichi .zcbox .btn em {
	display: block;
	width: 61px;
	height: 32px;
	border: 3px solid #dfdfdf;
	float: left;
	font-size: 14px;
	color: #b3b3b3;
	cursor: pointer;
	background-color: #fff;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.zhichi .zcbox .btn em:hover {
	background-color: #fd581f;
	color: #fff;
	border-color: #fd581f;
}
.zhichi .zcbox .wen b {
	display: block;
	font-size: 33px;
	color: #a5a5a5;
	width: 50px;
	height: 64px;
	border: 3px solid #dfdfdf;
	background: url(../images/zhichi_x.png) no-repeat center 50px;
	text-align: center;
	padding-top: 10px;
	position: absolute;
	right: 0;
	top: 0
}
.zhichi .zcbox .wen h4 {
	font-size: 26px;
	color: #004b85;
	margin-top: 20px;
	margin-bottom: 5px;
}
.zhichi .zcbox .wen span {
	display: block;
	font-size: 13px;
	color: #959595;
	font-family: Arial;
	margin-bottom: 40px;
}
.zhichi .zcbox .wen p {
	font-size: 14px;
	color: #333;
	line-height: 31px;
	text-align: justify;
	width: 85%;
}
.zhichi .zcbox .btn02 {
	overflow: hidden;
	width: 150px;
	height: 12px;
	position: absolute;
	left: 40px;
	bottom: 80px;
	z-index: 2
}
.zhichi .zcbox .btn02 span {
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/zhichi_y.png) no-repeat center left;
	margin: 0 5px;
	float: left;
}
.zhichi .zcbox .btn02 .cur {
	background-position: right
}
/*about*/
.about {
	overflow: hidden;
	width: 100%;
	height: 990px;
	background: url(../images/about_bg.jpg) no-repeat center top;
	background-color: #d2d2d2;
}
.about dl {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 250px;
	margin-bottom: 90px;
}
.about dt {
	overflow: hidden;
	width: 483px;
	height: 250px;
	float: left;
}
.about dd {
	overflow: hidden;
	float: right;
	width: 490px;
	height: 250px;
}
.about dd p {
	font-size: 13px;
	color: #333;
	line-height: 26px;
	height: 182px;
	overflow: hidden;
	text-align: justify;
	margin-bottom: 30px;
}
.about dd .btn {
	overflow: hidden;
	width: 100%;
}
.about dd a {
	display: block;
	width: 110px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border: 1px solid #b6b6b6;
	font-size: 13px;
	color: #000;
	float: left;
	margin-right: 10px;
	text-decoration: none;
}
.about dd a:hover {
	background-color: #fd581f;
	border-color: #fd581f;
	color: #fff;
}
.about .tixi {
	overflow: hidden;
	width: 1032px;
	margin: 0 auto;
	height: 362px;
}
.about .tixi li {
	float: left;
	width: 238px;
	margin: 0 10px;
	height: 362px;
	background-color: #fff;
}
.about .tixi img {
	display: block;
	margin: 0 auto;
	margin-top: 9px;
	margin-bottom: 20px;
}
.about .tixi h4 {
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	color: #000;
	margin-bottom: 12px;
}
.about .tixi p {
	font-size: 13px;
	color: #333;
	line-height: 25px;
	width: 200px;
	margin: 0 auto;
	text-align: justify;
}
.about .tixi li:hover {
	background-color: #004b85;
}
.about .tixi li:hover h4 {
	color: #fff;
}
.about .tixi li:hover p {
	color: #fff;
}
/*生产基地*/
.jidi {
	overflow: hidden;
	width: 1000px;
	margin: 60px auto;
}
.jidi .menu {
	overflow: hidden;
	width: 176px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
}
.jidi .menu li {
	width: 170px;
	float: left;
	height: 54px;
	text-align: center;
	line-height: 54px;
	border: 2px solid #004b85;
	position: relative;
	font-size: 20px;
}
.jidi .menu li a {
	display: block;
	text-decoration: none;
	color: #333;
}
.jidi .menu li img {
	display: none;
	position: absolute;
	left: 75px;
	bottom: -10px;
}
.jidi .menu li.cur a {
	background-color: #004b85;
	color: #fff;
}
.jidi .menu li.cur img {
	display: block;
}
.jidi .jdbox {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 230px;
	position: relative
}
.jidi .jdlist {
	overflow: hidden;
	width: 1000px;
	height: 230px;
	position: absolute;
	left: 0;
	top: 0
}
.jidi .jdlist ul {
	overflow: hidden;
	position: absolute
}
.jidi .jdlist li {
	float: left;
	widows: 239px;
	height: 230px;
	margin-right: 14px;
}
.jidi .jdlist li img {
	display: block;
	margin-bottom: 25px;
}
.jidi .jdlist li span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.jidi .jdlist li a {
	display: block;
	text-decoration: none
}
.jidi .jdlist li:nth-child(4n){margin-right: 0}
/*留言*/
.liuyan {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 448px;
	background: url(../images/liuyan.jpg) no-repeat center top;
	margin-bottom: 70px;
}
.liuyan p {
	font-size: 19px;
	color: #fff;
	float: left;
	margin-left: 155px;
	margin-top: 285px;
}
.liuyan p b {
	font-size: 22px;
}
.liuyan ul {
	overflow: hidden;
	float: right;
	width: 400px;
	margin-top: 125px;
	margin-right: 37px;
}
.liuyan li {
	overflow: hidden;
	width: 398px;
	border: 1px solid #d5d5d5;
	margin-bottom: 10px;
}
.liuyan input {
	overflow: hidden;
	float: left;
	width: 337px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #767676;
	border: none;
	border-left: 1px solid #d5d5d5;
	outline: none;
	padding: 0 10px;
}
.liuyan span {
	display: block;
	float: left;
	width: 40px;
	height: 34px;
}
.liuyan textarea {
	overflow: hidden;
	float: left;
	width: 337px;
	height: 95px;
	resize: none;
	font-size: 14px;
	color: #767676;
	border: none;
	border-left: 1px solid #d5d5d5;
	outline: none;
	padding: 10px;
}
.liuyan li.last {
	border: none
}
.liuyan em {
	display: block;
	width: 133px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #fff;
	margin-right: 10px;
	background-color: #fd581f;
	float: left;
	cursor: pointer
}
.liuyan em.last {
	background-color: #dcdcdc;
	color: #595959;
}
/*news*/
.news {
	overflow: hidden;
	width: 1000px;
	height: 440px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.news .menu {
	overflow: hidden;
	width: 348px;
	padding-bottom: 8px;
	text-align: left;
	margin-bottom: 15px;
}
.news .menu li {
	float: left;
	width: 170px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	border: 2px solid #004b85;
	position: relative;
	font-size: 20px;
}
.news .menu li a {
	display: block;
	text-decoration: none;
	color: #333;
}
.news .menu li img {
	display: none;
	position: absolute;
	left: 75px;
	bottom: -10px;
}
.news .menu li.cur a {
	background-color: #004b85;
	color: #fff;
}
.news .menu li.cur img {
	display: block;
}
.news .newsleft {
	overflow: hidden;
	width: 635px;
	float: left;
	height: 100%;
}
.news .newsleft .nbox {
	overflow: hidden;
	width: 100%;
	height: 340px;
	position: relative
}
.news .newsleft .nlist {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.news .newsleft .nlist dl {
	overflow: hidden;
	width: 100%;
	height: 164px;
	margin-bottom: 20px;
}
.news .newsleft .nlist dt {
	overflow: hidden;
	float: left
}
.news .newsleft .nlist dd {
	overflow: hidden;
	float: right;
	width: 380px;
	height: 164px;
}
.news .newsleft .nlist dd h3 {
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}
.news .newsleft .nlist dd h3 a {
	color: #000;
}
.news .newsleft .nlist dd p {
	font-size: 13px;
	color: #333;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
	text-align: justify;
}
.news .newsleft .nlist ul {
	overflow: hidden;
	width: 650px;
}
.news .newsleft .nlist li {
	overflow: hidden;
	float: left;
	width: 295px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 15px;
	background: url(../images/news_s.png) no-repeat left center;
	font-size: 13px;
	line-height: 38px;
	margin-right: 15px;
	border-bottom: 1px solid #eee;
}
.news .newsleft .nlist li a {
	color: #333;
}
.news .wenda {
	overflow: hidden;
	width: 344px;
	height: 100%;
	background-color: #004b85;
	float: right;
}
.news .wenda h3 {
	font-size: 20px;
	margin-left: 25px;
	font-weight: normal;
	line-height: 59px;
}
.news .wenda h3 a {
	color: #fff
}
.news .wenda .wdBox {
	overflow: hidden;
	width: 342px;
	margin: 0 auto;
	height: 380px;
	background-color: #fff;
	position: relative
}
.news .wenda .wdBox ul {
	overflow: hidden;
	width: 320px;
	padding: 0 11px;
	position: absolute
}
.news .wenda .wdBox li {
	overflow: hidden;
	width: 100%;
	margin-top: 25px;
	border-bottom: 1px dashed #acacac;
	height: 99px;
}
.news .wenda .wdBox h5 {
	font-weight: normal;
	font-size: 16px;
	padding-left: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url(../images/news_w.png) no-repeat left center;
	margin-bottom: 10px;
	line-height: 23px;
}
.news .wenda .wdBox h5 a {
	color: #000;
}
.news .wenda .wdBox p {
	padding-left: 30px;
	background: url(../images/news_d.png) no-repeat left center;
	font-size: 13px;
	color: #333;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	text-align: justify
}
/*link*/
.link {
	overflow: hidden;
	width: 1000px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 50px;
}
.link h3 {
	position: absolute;
	left: 0;
	top: 0
}
.link ul {
	overflow: hidden;
	float: right;
	width: 900px;
	padding: 15px 0 35px 35px;
	border: 1px solid #c4c4c4;
}
.link li {
	float: left;
	white-space: nowrap;
	margin-right: 30px;
	font-size: 13px;
}
.link li a {
	color: #383838;
}
.link .rk {
	display: block;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0
}
.link .rk img {
	display: block;
}
@media only screen and (max-width : 640px) {
	.news{width:100%;height:auto;}
	.news .newsleft{width:100%;}
	.news .menu{width:100%;}
	.news .menu li{width:48%;margin:0 0.3%;}
	.news .newsleft .nlist dt {text-align: center;float: none}
	.news .newsleft .nlist dl{height:317px;margin-bottom: 0px; }
	.news .newsleft .nlist dd{width:100%;}
	.news .newsleft .nlist dd h3{text-align: center}
	.news .newsleft .nbox{height: 460px;}
	.news .newsleft .nlist ul {width: 100%;}
	.news .wenda{width:100%;margin-top:20px}
}
@media only screen and (max-width : 640px) {
	#flashs {height: 160px;}
	#flashs .bgitem {height: 100%;}
	#flashs .btn {bottom: 2px; margin-left: -8%;}
	.search-submit{width:65px;}
}
@media only screen and (max-width : 640px) {
	.search {width:100%;}
	.search .sbox {width:70%;float: none;margin-left: 15%}
	.search .sbox input {width: 65%;}
	.search .sbox span {width: 20%;float:left}
	.search p {display: none;}

}
@media only screen and (max-width : 640px) {
	.pro .menu {width: 100%;}
	.pro .menu li {margin: 0 2% 0 2%;width: 45%;    margin: 0 2% 15px 2%;
		width: 45%;
		line-height: 35px;
		height: 35px;}
}
@media only screen and (max-width : 640px) {
	.pro{padding-top: 0;}
	.pro .pbox {height: 363px;}
	.pro .plist {width:100%;}
	.pro .plist a{display: none;}
	.pro .pbox {width:100%;}
	.pro .plist ul {width: 100%;height: 361px;}
	.pro .plist li.libor {width:44%;margin: 0 0% 0 4%;}
	.pro .plist li img {width: 100%;height: 80%;}
	.pro .plist ul li {height: 180px;}
}
@media only screen and (max-width : 640px) {
	.m-qb {display: none;}
}
@media only screen and (max-width : 640px) {
	.zhichi .menu li {width: 44%;}
}
@media only screen and (max-width : 640px) {
	/*.zhichi .zcbox {display: none;}*/
	.pro .menu li img{    left: 0;
		right: 0;
		margin: auto;}
	.pro .plist li.libor{border: 1px solid #ddd;}
	.zhichi .zcbox {
		width: 100%;
		padding: 0;
	}
	.zhichi .zcbox .btn {
		top: 290px;
		left: 80%;
	}
	.zhichi .zcbox li {
		height: auto;
		padding-bottom: 50px;
	}
	.zhichi .zcbox li .wen {
		padding: 20px;
		width: calc(100% - 40px);
		margin: 0;
	}
	.zhichi .zcbox li img {
		display: none;
	}
	.about dl {
		margin-bottom: 12px;
		width: 100%;
		height: 272px;
	}
	.about dt {
		display: none;
	}
	.about dd {
		float: none;
		width: 94%;
		padding: 0 3%;
		height: 272px;
	}
	.about .tixi {width: 100%;height:724px;}
	.about .tixi li {width: 44%;margin: 0 3%;}
	.about .tixi img{width:100%;}
	.about .tixi p{width:100%;    line-height: 20px;}
	.about .tixi h4{font-size: 16px}
	.about{height: auto}
	.jidi{width:100%}
	.jidi .jdlist{width:100%;height: 309px;}
	.jidi .jdbox {width:100%;height: 304px;}
	.jidi .jdlist ul {width:100%}
	.jidi .jdlist ul li {width:45%;    margin: 0 1% 0 3%;}
	.jidi .jdlist ul li img{width:100%;height:100%;}
	.jidi .jdlist li {height: 152px;}
	.form_book{display: none}
}